<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="robots" content="index,follow">
    <meta name="apple-mobile-web-app-title" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <title></title>
    <script src="/js/jquery-1.11.1.min.js?rev=8101d596b2b8fa35fe3a634ea342d7c3"></script>
    <script src="js/main.js?rev=4a7b6edcbd0411605494e812a6ea898b"></script>
    <script src="js/lib/layer/layer.js?rev=c0187f64df8640036c1e517413b4f306"></script>
    <link href="css/global.css?rev=d41d8cd98f00b204e9800998ecf8427e" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="header">
        <div class="logo"></div><span>陆军装备云 动用使用</span>
        <div class="right_cont">
            <a href="javascript:void(0);">登录</a>
            <a href="javascript:void(0);">注册</a>
        </div>
    </div>
    <div class="side_bar">

    </div>
    <div class="main_cont">
        <h1 class="main_title">动用使用申请
            <button type="button" class="btn btn_orange btn_big btn_new">新增申请</button>
            <span class="msg_tip active"><i class="fa fa-commenting"></i> <span class="tip_num">10</span></span>
        </h1>
        <div class="tabs">
            <div class="search_cont">
                <input type="text" name="search_input">
                <button type="button"><i class="fa fa-search"></i></button>
            </div>
            <ul class="tab_list">
                <li id="tab1" class="tab active">未完结<span class="font_red">(100)</span></li>
                <li id="tab2" class="tab">已完结</li>
            </ul>
            <div class="tab1 tab_cont">
                <ul class="time">
                    <li>
                        <div class="time_line head">
                            时间 <i class="fa fa-arrow-down"></i>
                        </div>
                        <div class="item_cont head">
                            <span>事务</span>
                        </div>

                    </li>
                </ul>
                <ul class="time">
                    <#if list??>
                    <#list list as m >
                    <li>
                        <div class="time_line">
                            <span class="date">${m.date}</span>
                            <span class="dot"></span>
                        </div>
                        <div class="item_cont">
                            <span>您提交的${m.data?size}项动用使用申请还未审批完结。</span>
                        </div>
                        <ul class="time sub_time">
                            <#list m.data as task>
                            <li>
                                <div class="time_line">
                                    <span class="date">#{task.createTime}</span>
                                    <span class="dot"></span>
                                </div>
                                <div class="item_cont">
                                    <span>提交的动用使用申请-任务${task.id}处于<strong class="font_orange">部分审批</strong>状态。</span>
                                    <button type="button" class="btn btn_gray float_right">查看详情</button>
                                </div>
                            </li>
                            </#list>


                        </ul>
                        <div class="more"><i class="fa fa-arrow-circle-down"></i> 更多</div>
                    </li>



                        </#list>


                    </#if>

                    <li>
                        <div class="time_line">
                            <span class="date">2016 11月20日</span>
                            <span class="dot"></span>
                        </div>
                        <div class="item_cont">
                            <span>您提交的1项动用使用申请还未审批完成。</span>
                        </div>
                        <ul class="time sub_time">
                            <li>
                                <div class="time_line">
                                    <span class="date">11:00</span>
                                    <span class="dot"></span>
                                </div>
                                <div class="item_cont">
                                    <span>提交的动用使用申请-任务2016122200005处于<strong class="font_orange">部分审批</strong>状态。</span>
                                    <button type="button" class="btn btn_gray float_right">查看详情</button>
                                </div>
                            </li>
                            <li>
                                <div class="time_line">
                                    <span class="date">11:00</span>
                                    <span class="dot"></span>
                                </div>
                                <div class="item_cont">
                                    <span>提交的动用使用申请-任务2016122200004处于<strong class="font_green">待审批</strong>状态。</span>
                                    <button type="button" class="btn btn_gray float_right">查看详情</button>
                                </div>
                            </li>
                            <li>
                                <div class="time_line">
                                    <span class="date">11:00</span>
                                    <span class="dot"></span>
                                </div>
                                <div class="item_cont">
                                    <span>提交的动用使用申请-任务2016122200003处于<strong class="font_green">待审批</strong>状态。</span>
                                    <button type="button" class="btn btn_gray float_right">查看详情</button>
                                </div>
                            </li>
                        </ul>
                        <div class="more"><i class="fa fa-arrow-circle-down"></i> 更多</div>
                    </li>
                </ul>
            </div>
            <div class="tab2 tab_cont" style="display:none">

            </div>
        </div>
    </div>
</div>
<script>
    $(function(){
        $(".time li").click(function () {
            $(this).find(".sub_time,.more").toggleClass("show_tb").parent().siblings().find(".sub_time,.more").removeClass("show_tb");
        });
    })
</script>
</body>
</html>
